<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title><spring:message code="RoleManage" /></title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<%@include file="/WEB-INF/jsp/common/BasePath.jsp"%>
<%@include file="/WEB-INF/jsp/common/BootstrapImport.jsp"%>
<link rel="stylesheet" href="resources/plugins/select2/select2.min.css">
<link rel="stylesheet"
	href="resources/plugins/jstree/themes/default/style.css" />
</head>
<body class="">

<%@include file="/WEB-INF/jsp/common/Header.jsp"%>

    <!--  PAPER WRAP -->
    <div class="wrap-fluid">
        <div class="container-fluid paper-wrap bevel tlbr">

            <div class="row">
                <div id="paper-top">
                    <div class="col-sm-5">
                        <h2 class="tittle-content-header">
                            <i class="icon-media-record"></i> 
                            <span><spring:message code="RoleManage" /></span>
                        </h2>
                    </div>
                    <div class="col-sm-7">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="tittle-middle-header">
                            <div class="alert">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <span class="tittle-alert entypo-info-circled"></span>
                               <spring:message code="Manage role" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ TITLE -->

            <div class="content-wrap">
                <div class="row"  style="margin-top: 5px;">

                  <div class="col-sm-5">

						<div class="btn-group" style="">
							<button id="" onclick="role.search() " style="display:inline;"
								class="btn btn-default ">
								<i class="glyphicon glyphicon-search"></i>
								
							</button>
							<input type="text"  id="input"  style="width:140px;display:inline;" class="form-control">
<!-- 							<span><input type="text" id="input" class="form-control" /> </span> -->
							</div>
							
							<div class="btn-group" >
								<button type="button" id="addrole" onclick="role.addRole()"
									class=" btn btn-default btn-sm">
									<spring:message code="AddRole" />
								</button>
								<button type="button" id="" onclick="role.deleteRole()"
									class=" btn btn-danger  btn-sm">
									<spring:message code="DeleteRole" />
								</button>
								<%-- <button type="button" id="" onclick="role.edit()"
									class=" btn btn-info btn-sm ">
									<spring:message code="Edit Areas" />
								</button> --%>
							</div>

							<p style="margin: 10px">
							<div class="mCustomScrollbar" data-mcs-theme="dark" id="listscroll" >
								<div class="list-group" id="rolelist"></div>
							</div>

						</div>
						<div class="col-sm-7">
							<div class="input-group">
								<h4 style="display: inline">
									<label class="label label-primary" id="selectedrole"><spring:message
											code="Selected_Null" /></label>
								</h4>
								&nbsp;&nbsp;&nbsp;&nbsp;
								<button id="save" onclick="role.save()"
									class=" btn btn-info btn-sm  space-on-the-left ">
									<spring:message code="Save" />
								</button>
								<button id="openall" onclick="role.openAll()"
									class=" btn btn-default  btn-sm space-on-the-left ">
									<spring:message code="Openall" />
								</button>
								<button id="closeall" onclick="role.closeAll()"
									class=" btn btn-default btn-sm space-on-the-left ">
									<spring:message code="Closeall" />
								</button>

							</div>
							<p style="margin: 10px">
							
							<div class="mCustomScrollbar" data-mcs-theme="dark" id="authtreeScroll" >
								<div id="authtree"></div>
							</div>
						</div>

                </div>
                <div
						style="display: none; position: relative; top: 10px; left: 80px; width: 300px; height: 100px;"
						id="addroleform">
						<form class="form-inline" role="form">

							<div class="form-group">
								<label style="width: 80px" class="" for="newRolename"><spring:message
										code="RoleName:" /></label> <input type="text" id="newRolename"
									value="" placeholder="<spring:message code="RoleName:"/>"
									class="form-control input-sm input-sm-width" />
							</div>
							<br /> <br />

							<div class="form-group">

								<label style="width: 80px" class="" for="newRoleremark"><spring:message
										code="Roleremark:" /></label> <input type="text" id="newRoleremark"
									value="" placeholder="<spring:message code="Roleremark:"/>"
									class="form-control input-sm input-sm-width" style="" />
							</div>

							<br /> <br />
							<button type="button" onclick="role.saveRole()" id=""
								class="btn btn-info btn-sm col-sm-offset-4">
								<spring:message code="Save" />
							</button>

						</form>
					</div>
                <!-- /END OF CONTENT -->

            </div>
        </div>
        <!--  END OF PAPER WRAP -->
        
        <!-- RIGHT SLIDER CONTENT -->
        <!-- <div class="sb-slidebar sb-right" id="rightContentDiv">
            <div class="right-wrapper">
                <div class="row">
                    <h3>
                        <span><i class="entypo-gauge"></i>&nbsp;&nbsp;MAIN WIDGET</span>
                    </h3>
                    <div class="col-sm-12">

                    </div>
                </div>
            </div>

            <div style="margin-top:0;" class="right-wrapper">
                <div class="row">
                    <h3>
                        <span><i class="entypo-chat"></i>&nbsp;&nbsp;CHAT</span>
                    </h3>
                    <div class="col-sm-12">
                       
                    </div>
                </div>
            </div>
        </div> -->
        <!-- END OF RIGHT SLIDER CONTENT-->
	</div>
	
	

<%@include file="/WEB-INF/jsp/common/Footer.jsp"%>
<%@include file="/WEB-INF/jsp/common/JQueryImport.jsp"%>
<%@include file="/WEB-INF/jsp/system/UserRoleI18n.jsp"%>
	<script src="resources/plugins/datatables/js/jquery.dataTables.js"></script>
	<script
		src="resources/plugins/datatables/theme/bootstrap3/dataTables.bootstrap.min.js"></script>
	<script type="text/javascript" src="resources/js/system/Role.js"></script>
	<script src="resources/plugins/jstree/jstree.js"></script>
	<script
		src="resources/plugins/perfect-scrollbar-0.4.10/jquery.mousewheel.js"></script>
	<script
		src="resources/plugins/perfect-scrollbar-0.4.10/perfect-scrollbar.js"></script>
	<script src="resources/plugins/select2/select2.min.js"></script>
	<script type="text/javascript"></script>
</body>
</html>
